<template>
  <div class="panel-til clearfix">
      <span class="til-lf fl">/</span><span class="fl"><slot></slot></span>
      <div class="under-line"></div>
  </div>
</template>
<script>
export default { 
  name: 'PanelTitle',   
  data() {
    return {}
  }
}
</script>
<style lang="less">
  .panel-til {
     font-size: 24px;
     font-weight: 700;
     color: #40E2FE;
     line-height: 46px; 
     border-bottom: 1px solid #237493;
     margin-bottom: 8px;
     position: relative;
     .til-lf {
        padding-right: 6px;
        font-size: 32px;
     }
    .under-line {
      position: absolute;
      left: 0; bottom: 0;  
      &:after,&:before {
          content: " ";
          width: 14px;
          height: 2px;
          background-color: #40E2FE;
          position: absolute;
          left: 0;
          bottom: -1px;
          
      }
      &:before {
        left: 20px;
      }
    }
  }
</style>
